section{
  padding: 40px 0;
  background-color: #FAF7F8;
  .member{
    .slide{
      width: 270px;
      float: left;
      .info{
        text-align: center;
        height: 304px;
        font-size: 16px;
        color: #999999;
        padding: 50px;
        background-color: #FFF;
        img{
          border-radius: 50%;
        }
        .name{
          font-size: 22px;
          color: #333333;
          margin-top: 10px;
        }
      }
      .nav{
        margin-top: 10px;
        background-color: #FFF;
        ul{
          margin: 0;
          width: 100%;
          list-style: none;
          font-size: 18px;
          text-align: center;
          li{
            cursor: pointer;
            border-bottom: 1px solid #F8F8F8;
            a{
              display: block;
              padding: 15px 0;
              color: #666666;
              text-decoration: none;
            }
            &:hover, &.active{
              background-color: #2ECE9A;
              a{
                color: #FFF;
              }
            }
          }
        }
      }
    }
    .content{
      width: 910px;
      float: right;
      background-color: #FFF;
    }
    .password, .account, .invite{
      .title{
        font-size: 20px;
        color: #666666;
        margin: 30px 0 0 20px;
      }
      form{
        margin: 10px 30px;
        .qrcode{
          img{
            width: 160px;
            height: 160px;
            margin: auto;
          }
        }
        .form-group{
          width: 600px;
          .col-form-label{
            color: #999999;
            font-size: 18px;
            text-align: right;
          }
          small{
            color: red;
          }
        }
        p{
          width: 570px;
          text-align: right;
          margin-top: 30px;
          .btn-secondary{
            border: none;
            background-color: #2ECE9A;
          }
        }
      } 
    }
    .invite-table{
      width: 910px;
      float: right;
      margin-top: 20px;
      padding-left: 40px;
      background-color: #FFF;
      .tb-title{
        font-size: 20px;
        color: #666666;
        padding: 30px 0;
      }
      .table{
        background-color: #FFF;
        thead th, tbody td{
          color: #999999;
          font-size: 16px;
        }
        tbody{
          tr{
            &:nth-child(odd){
              background-color: #FAFAFA;
            }
          }
        }
        th, td{
          border: none;
        }
      }
    }
    .order, .course{
      background-color: #FAF7F8;
      .title{
        padding: 20px 20px 0;
        font-size: 20px;
        color: #666666;
        background-color: #FFF;
        .zy{
          float: left;
        }
        ul{
          float: left;
          .nav-link{
            height: 40px;
            font-size: 18px;
            color: #999999;
            border-radius: 0;
            background-color: #FFF;
            padding: 0;
            border-bottom: 2px solid #FFF;
            margin-left: 40px;
            cursor: pointer;
            &.active{
              color: #2ECE9A;
              border-bottom: 2px solid #2ECE9A;
            }
          }
        }
      }
      .item{
        margin-top: 20px;
        font-size: 18px;
        color: #999999;
        background-color: #FFF;
        padding-bottom: 30px;
        .info{
          padding: 20px;
          border-bottom: 1px solid #CCCCCC;
          .time{
            display: inline-block;
          }
          .num{
            margin-left: 120px;
            display: inline-block;
          }
        }
        .desc{
          padding: 30px 20px;
          .left{
            float: left;
            width: 283px;
            height: 167px;
            background: url('../assets/images/cardSmall.png') no-repeat;
            background-size: cover;
            color: #2ECE9A;
            padding-top: 50px;
            text-decoration: none;
            > div{
              width: 130px;
              padding: 4px 0;
              border-radius: 18px;
              font-size: 16px;
              background-color: #FFF;
              margin: auto;
              text-align: center;
            }
            > p{
              color: #FFF;
              text-align: center;
              margin-top: 20px;
            }
          }
          .middle{
            float: left;
            margin-left: 30px;
            padding-top: 60px;
            p{
              font-size: 18px;
              color: #666666;
            }
            .price{
              color: #999999;
            }
          }
          .right{
            float: right;
            height: 167px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            button, a{
              display: block;
              width: 130px;
              border: 1px solid #CCCCCC;
              border-radius: 18px;
              color: #CCCCCC;
              background-color: #FFF;
              font-size: 16px;
              padding: 5px 0;
              text-align: center;
              text-decoration: none;
              &.active{
                color: #2ECE9A;
                border: 1px solid #2ECE9A;
              }
            }
          }
        }
      }
      .my-pagination{
        font-size: 13px;
        color: #999999;
        padding-top: 20px;
        .total{
          width: 80px;
          float: left;
        }
        .page-size{
          width: 80px;
          float: left;
          margin-left: 20px;
          select{
            border: 1px solid #E5E5E5;
            border-radius: 4px;
            color: #666666;
          }
        }
        ul{
          list-style: none;
          float: right;
          li{
            display: inline-block;
            margin-left: 5px;
            a{
              padding: 4px 8px;
              color: #808080;
              &.active{
                color: #FFF;
                background-color: #2ECE9A;
              }
            }
          }
          .all-page{
            line-height: 25px;
          }
        }
      }
    }
  }
}